<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>editDIV_and_limitnumber</title>
    <script type="text/javascript" src="../jquery-3.2.1.js"></script>
    <link href="editDIV_and_limitnumber.css" rel="stylesheet"/>
    <link href="rename_picture.css" rel="stylesheet"/>
</head>
<body>

    <p>Only ten characters can be entered at most.</p>

    <!--editDIV_and_limitnumber-->
    <button id="edit_DIV">Edit DIV.</button>
    <p></p>
    <div id="test" class="test color1"></div>
    <p></p>

    <!--rename_picture-->
    <button id="rename_picture">Rename picture</button>
    <ul id="ul_picture" class="ulpic">
        <li>
            <div class="picturename">picture1</div>
        </li>
        <li>
            <div class="picturename">image2</div>
        </li>
    </ul>

    <script type="text/javascript" src="editDIV_and_limitnumber.js"></script>
    <script type="text/javascript" src="rename_picture.js"></script>
</body>
</html>